Ext.require(['Ext.form.*', 'Ext.layout.container.Column', 'Ext.tab.*']);

function createLogin()
	{
		Ext.QuickTips.init();
		Ext.form.Field.prototype.msgTarget = 'under';
		var bd = Ext.getBody();
		var tabs = Ext.create('Ext.form.Panel',
				{
					width			: 10,
					border			: false,
					bodyBorder		: false,
					region			: 'center',
					layout			: 'absolute',
					id				: 'tebsForm',
					fieldDefaults	:
					{
						labelWidth	: 75,
						msgTarget	: 'side'
					},
					defaults		:
					{
						anchor	: '100%'
					},
					items			: [
					{
						xtype		: 'tabpanel',
						floatable	: true,
						activeTab	: 0,
						defaults	:
						{
							bodyStyle	: 'padding:10px'
						},

						items		: [
								{
									id			: 'stu',
									title		: '学生',
									defaultType	: 'textfield',
									items		: [
											{
												fieldLabel	: '用户名',
												name		: 'stuName',
												allowBlank	: false,
												value		: ''
											},
											{
												fieldLabel	: '密码',
												name		: 'stuPwd',
												allowBlank	: false,
												inputType	: 'password',
												value		: ''
											}]

								},
								{
									id			: 'tea',
									title		: '教师',
									defaultType	: 'textfield',
									items		: [
											{
												fieldLabel	: '用户名',
												name		: 'teaName',
												allowBlank	: false,
												value		: ''
											},
											{
												fieldLabel	: '密码',
												name		: 'teaPwd',
												allowBlank	: false,
												inputType	: 'password',
												value		: ''
											}],
									listeners	:
									{

										activate	: function(tab)
											{
												alert(Ext.getCmp('tea').ownerCt
														.getActiveTab().title
														+ ' was activated.');
												alert(this.items[0]);
												this.items = [
														{
															fieldLabel	: '密码',
															name		: 'teaPwd',
															allowBlank	: false,
															inputType	: 'password',
															value		: ''
														}]
												// Ext.getCmp('tea').ownerCt.remove(this);
												tab.ownerCt.setActiveTab(1);
												tab.ownerCt.hide();
												tab.ownerCt.show();
												Ext.getCmp('winform').hide();
												Ext.getCmp('winform').show();
												// alert(tab.items[0].fieldLabel
												// + ' was
												// activated.');
												// alert(tab.title + ' was
												// activated.');
											}
									}
								}]
					}]

				});

		tabs.render(document.body);

		var win = Ext.create('Ext.Window',
				{
					title		: '考勤系统登录',
					id			: 'winform',
					width		: 250,
					height		: 180,
					minWidth	: 250,
					minHeight	: 180,
					layout		: 'fit',
					plain		: true,
					items		: tabs,

					buttons		: [
							{
								text	: '登录',
								handler	: login
							},
							{
								text	: '取消'
							}]
				});
		win.show();

	};

function login()
	{
		var fff = Ext.getCmp('tebsForm');
		fff.getForm().submit(
				{
					clientValidation	: false, // 进行客户端验证
					url					: 'adminLogin',
					method				: 'GET',
					success				: function(form, action)// 加载成功 处理函数
						{
							Ext.Msg.alert('提示', '登录成功！');
							Ext.getCmp('winform').close();
						},
					failure				: function(form, action)// 加载失败,处理函数
						{
							Ext.Msg.alert('提示', '登录失败！' + action.failureType);
						},
					callback			: function()
						{

							console.log('提交执行了!');
						}
				})

	}
